<link rel="stylesheet" href="./demo.css">

<div class="box swiper1">
    <img src="./imgs/img1.jpg" alt="">
    <ul>
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>


<div class="box swiper2">
    <img src="./imgs/img1.jpg" alt="">
    <ul>
        <li class="active"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

<script src="./demo.js"></script>
<script>
const s1 = new Swiper('.swiper1')
const s2 = new Swiper('.swiper2')

// s1 自身el t num:2 底层__proot__
// s2 自身el t num:3底层__proot__
</script>